Day-22 新增購物車功能

2024 iThome 鐵人賽

DAY 22

自我挑戰組

利用 node.js/express 架設網站系列第 22 篇

16th鐵人賽

tp6u3fu0

2024-10-06 20:39:21

56 瀏覽

分享至

今天要來完善購物車的功能：
首先，我把「加入購物車」這項功能完成了：

這項功能可以在當你按下「加入購物車」時，讓購物車的陣列可以多一項商品，並自動將你導航至購物車的頁面。
接著我新增了「清空購物車」的按鈕，這樣在你想要取消購買時，可以一鍵清空：

在接下來，我會將商品的資訊放進資料庫，這次我選擇使用mongoDB來當作我的資料庫，所以下一步就是先安裝資料庫：npm install mongoose
安裝完成之後，就需要更改程式碼，使其能夠與資料庫連接：

接著明天就能來安裝mongoDB了